옛날 옛적에
게이미피케이션에서는 온보딩이라고 하는 분야에는 처음 사용자들에게 어플리케이션을 어떻게 쓸지 알려주는 부분들을 많이 포함하죠.
2016/03/05 editor’s choice
Intro.js
_Intro.js is a free and open-source library, however, if you are using the library for your business you can subscribe…_introjs.com
온보딩
웹 어플리케이션을 만들고 나면 사용자들이 좀더 손쉽게 만들게 하기 위해, 혹은 처음의 좋은 경험을 주기 위해 튜토리알들을 할 수 있도록 해주는 라이브러리 intro.js 입니다.
데모
Basic usage
_Intro.js - Better introductions for websites and features with a step-by-step guide for your projects._introjs.com
데모 페이지에서 바로 확인해 볼 수도 있고 페이지에 직접 들어가도 확인해 볼 수 있는 점은 장점이죠.
설치
$npm install intro.js — save
실행
- 소스 임포트 : CDN에 있는 js 와 css를 바로 임포트를 하거나 npm 이나 git으로 다운받은 js와css경로를 import 합니다.
- html 태그에 data-intro, data-step 같은 attribute들을 삽입합니다.
실행 명령어를 실행시켜 줍니다.